<template>
  <div>
    <header>
      <div class="wrapper">
      <div class="sui-navbar">
        <div class="navbar-inner">
          <a href="index-logined.html" class="sui-brand"><img src="~/assets/img/asset-logo-black.png" alt="社交" /></a>
          <ul class="sui-nav">
            <router-link to="/" tag="li" active-class="active" exact><a href="#">头条</a></router-link>
            <router-link to="/qa" tag="li" active-class="active" ><a href="#">问答</a></router-link>
            <router-link to="/gathering" tag="li" active-class="active" ><a href="#">活动</a></router-link>
            <router-link to="/friends" tag="li" active-class="active" ><a href="#">交友</a></router-link>
            <router-link to="/spit" tag="li" active-class="active" ><a href="#">吐槽</a></router-link>
            <router-link to="/recruit" tag="li" active-class="active" ><a href="#">招聘</a></router-link>
          </ul>
          <form class="sui-form sui-form pull-left">
            <input type="text" placeholder="输入关键词..." />
            <span class="btn-search fa fa-search"></span>
          </form>
          <div class="sui-nav pull-right info" v-if="user.name!==undefined">
            <li><a href="/manager" class="notice">{{this.user.name}}</a></li>
            <li><a href="/manager" class="homego"><img :src="user.avatar" alt="this.user.name" height="50px" width="50px"/></a></li>
            <li><a @click="logout()">退出登录</a></li>
          </div>
          <div class="sui-nav pull-right info" v-if="user.name===undefined">
            <nuxt-link to="/login">登陆</nuxt-link>
          </div>
        </div>
      </div>
      </div>
    </header>
<!--    锚点设置-->
    <nuxt/>
    <footer>
      <div class="footer">
        <div class="wrapper">
          <div class="footer-bottom">
            <div class="link">
              <dl>
                <dt>
                  网站相关
                </dt>
                <dd>
                  关于我们
                </dd>
                <dd>
                  服务条款
                </dd>
                <dd>
                  帮助中心
                </dd>
                <dd>
                  编辑器语法
                </dd>
              </dl>
              <dl>
                <dt>
                  常用链接
                </dt>
                <dd>
                  传智播客
                </dd>
                <dd>
                  传智论坛
                </dd>
              </dl>
              <dl>
                <dt>
                  联系我们
                </dt>
                <dd>
                  联系我们
                </dd>
                <dd>
                  加入我们
                </dd>
                <dd>
                  建议反馈
                </dd>
              </dl>
              <dl>
                <dt>
                  关注我们
                </dt>
                <dd>
                  微博
                </dd>
                <dd>
                  twitter
                </dd>
              </dl>
              <div class="xuke">
                <h3>内容许可</h3>
                <p>除特别说明外，用户内容均采用知识共享署名-非商业性使用-禁止演绎4.0 国际许可协议 (CC BY-NC-ND 4.0) 进行许可</p>
                <p>本站由 传智研究院 提供更新服务</p>
              </div>
            </div>
            <p class="Copyright">Copyright &copy; 2017 传智问答社区 当前版本 0.0.1</p>
          </div>
        </div>
      </div>
    </footer>
  </div>
</template>

<script>
  import "~/assets/plugins/normalize-css/normalize.css"
  import "~/assets/plugins/yui/cssgrids-min.css"
  import "~/assets/plugins/sui/sui.min.css"
  import "~/assets/plugins/sui/sui-append.min.css"
  import "~/assets/plugins/font-awesome/css/font-awesome.min.css"
  import "~/assets/css/widget-base.css"
  import "~/assets/css/widget-head-foot.css"
  import {getUser,removeUser} from "@/utils/auth";

  export default {
    data(){
      return{
        user:{}
      }
    },
    created() {
      this.user = getUser()
    },
    methods:{
      logout() {
        removeUser();
        location.href="/"
      }
    }
  }
</script>
<!--<style>
  html {
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
  }

  *, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
  }

  .button&#45;&#45;green {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #3b8070;
    color: #3b8070;
    text-decoration: none;
    padding: 10px 30px;
  }

  .button&#45;&#45;green:hover {
    color: #fff;
    background-color: #3b8070;
  }

  .button&#45;&#45;grey {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #35495e;
    color: #35495e;
    text-decoration: none;
    padding: 10px 30px;
    margin-left: 15px;
  }

  .button&#45;&#45;grey:hover {
    color: #fff;
    background-color: #35495e;
  }
</style>-->



